import Vue from 'vue'
import Vuex, { Store } from 'vuex'

Vue.use(Vuex)
//Store(仓库),可以存储，但是修改就很麻烦了
export default new Vuex.Store({
  //数据仓库，用于存储数据的
  state: { 
    counts: 100,
    userinfo: {}
  },
  getters: {
  },
  //修改数据仓库，
  mutations: {
    //计数方法进行修改
    //方法需要通过组件中的commit来触发
    increment(state) {
      state.counts++
    },
    //传值
    userchange(state, userinfo) {
      //事件触发，先将数据存到浏览器缓存，然后再将数据写入仓库
      //转换为字符串存储
      localStorage.setItem("userinfo", JSON.stringify(userinfo));
      state.userinfo = JSON.parse(localStorage.getItem('userinfo'));
    }
  },
  actions: {
  },
  modules: {
  }
})
